<!DOCTYPE html>
<html>

<head>
    <title>豆瓣</title>
    <meta charset="utf-8">
    <link rel="shortcut icon" type="image/x_icon" href="img/dbicon.png">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
    <header>
        <nav>
            <div class="index_nav_icon"></div>
            <div class="index_nav_search">
                <span class="index_text"><input type="text" placeholder="书籍、电影、音乐、小组、小站、成员" name=""></span>
                <span class="index_srh"><a href="#"><img src="img/index_srh.png" width="15px"></a></span>
            </div>
            <div class="index_nav_links">
                <ul>
                    <li>
                        <a class="index_links_book" href="book.html">豆瓣读书</a>
                    </li>
                    <li>
                        <a class="index_links_movie" href="movie.html">豆瓣电影</a>
                    </li>
                    <li>
                        <a class="index_links_music" href="music.html">豆瓣音乐</a>
                    </li>
                    <li>
                        <a class="index_links_group" href="group.html">豆瓣小组</a>
                    </li>
                    <li>
                        <a class="index_links_fm" href="location.html">豆瓣同城</a>
                    </li>
                    <li>
                        <a class="index_links_location" href="fm.html">豆瓣FM</a>
                    </li>
                    <li>
                        <a class="index_links_time" href="time.html">豆瓣时间</a>
                    </li>
                    <li>
                        <a class="index_links_market" href="market.html">豆瓣市集</a>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <!-- 登陆块 -->
    <div class="index_login">
        <div class="index_login_content clearfix">
            <div class="index_login_erweima">
                <p class="index_login_erweima_title">
                    豆瓣<span>4.0</span>
                </p>
                <p class="index_login_erweima_slogin">
                    <span>我们的精神角落</span>
                </p>
                <p class="clearfix">
                    <span class="index_login_erweima_dl"><a href="#">下载豆瓣 App</a></span>
                    <span class="index_login_erweima_sm">
						<a href="#">
							<span class="index_ewmbig">
								<img src="img/index_ewmbig.png" width="160" height="160">
								iOS / Android 扫码直接下载
							</span>
                    </a>
                    </span>
                </p>
            </div>
            <div class="index_login_logform clearfix">
                <div class="index_phonenum">
                    <input class="index_inputstyle" placeholder="邮箱 / 手机号" type="text" name="">
                </div>
                <div class="index_pwd">
                    <input class="index_inputstyle" placeholder="密码" type="password" name="">
                    <div class="index_help">
                        <a href="#">帮助</a>
                    </div>
                </div>
                <div class="index_button">
                    <input value="登录豆瓣" type="submit" class="index_bn_submit" tabindex="4">
                    <a href="/accounts/register" class="index_lnk_reg">注册帐号</a>
                </div>
                <div class="index_item_action">
                    <label for="form_remember">
                        <input name="remember" type="checkbox" id="form_remember" tabindex="4">记住我
                    </label>
                    <ul class="index_item_action_third">
                        <li>
                            <a class="index_wechat" href="#" title="微信登录"></a>
                        </li>
                        <li>
                            <a class="index_weibo" href="#" title="微博登录"></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 登陆块end -->
    <!-- 主要内容 -->
    <section class="clearfix">
        <div class="index_section">
            <div class="index_ad" style="margin-bottom: 10px;">
                <img src="img/index_ad.jpg">
                <div>广告</div>
            </div>
            <div class="index_side">
                <div class="index_ad" style="margin: 10px 0;width: 250px;">
                    <img src="img/index_ad4.jpg" width="250">
                    <div>广告</div>
                </div>
                <div style="margin-top: 10px;">
                    <h2>
        				热门话题&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
            			<span class="index_pl">&nbsp;(
                
                    		<a href="#" target="_self">去话题广场</a>
                		) </span>
    				</h2>
                    <ul>
                        <li class="index_rec_topics">
                            <a href="#" class="index_rec_topics_name">我心目中的国产电影十佳</a>
                            <span class="index_rec_topics_label" style="color: #4CC15F;">[新]</span>
                            <span class="index_rec_topics_subtitle">中国首部电影开拍纪念日 · 299人参与</span>
                        </li>
                        <li class="index_rec_topics">
                            <a href="#" class="index_rec_topics_name">记忆中最大的雨</a>
                            <span class="index_rec_topics_label" style="color: #4CC15F;">[新]</span>
                            <span class="index_rec_topics_subtitle">至今仍有被淋湿的感觉 · 4077人参与</span>
                        </li>
                        <li class="index_rec_topics">
                            <a href="#" class="index_rec_topics_name">《清白之年》故事征集</a>
                            <span class="index_rec_topics_subtitle">想不想出现在朴树的MV里？ · 3498人参与</span>
                        </li>
                        <li class="index_rec_topics">
                            <a href="#" class="index_rec_topics_name">我的港乐情怀</a>
                            <span class="index_rec_topics_subtitle">香港回归20周年 · 6357人参与</span>
                        </li>
                        <li class="index_rec_topics">
                            <a href="#" class="index_rec_topics_name">2017已过一半</a>
                            <span class="index_rec_topics_subtitle">年初计划完成了多少？ · 4328人参与</span>
                        </li>
                        <li class="index_rec_topics">
                            <a href="#" class="index_rec_topics_name">2017新年计划</a>
                            <span class="index_rec_topics_subtitle">请不要害怕打脸 · 5105人参与</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="index_main">
                <div class="index_mod">
                    <h2>
				        热点内容
				            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
				            <span class="index_pl">&nbsp;(
				                
				                    <a href="#" target="_self">更多</a>
				                ) </span>
				    </h2>
                    <div class="index_fourimg">
                        <ul>
                            <li>
                                <div>
                                    <a href="#">
                                        <img src="img/index_main_img1.png">
                                    </a>
                                </div>
                                <a href="#">喵叽</a>
                                <span>22张照片</span>
                            </li>
                            <li>
                                <div>
                                    <a href="#">
                                        <img src="img/index_main_img2.png">
                                    </a>
                                </div>
                                <a href="#">洪水之年</a>
                                <span>36张照片</span>
                            </li>
                            <li>
                                <div>
                                    <a href="#">
                                        <img src="img/index_main_img3.png">
                                    </a>
                                </div>
                                <a href="#">燃烧的秘密</a>
                                <span>20张照片</span>
                            </li>
                            <li>
                                <div>
                                    <a href="#">
                                        <img src="img/index_main_img4.png">
                                    </a>
                                </div>
                                <a href="#">摩洛哥 13 x 24 小时</a>
                                <span>64张照片</span>
                            </li>
                        </ul>
                    </div>
                    <div class="index_list">
                        <ul>
                            <li>
                                <div>
                                    <a href="#">高考十天后，我走遍了北京海淀区的网吧</a>
                                </div>
                                <div class="index_author">
                                    触乐的日记
                                </div>
                                <p>作者丨@谢晓峰 6月17日，沿着北京地铁10号线，我用脚步在海淀区画了一个漂亮的弧形...</p>
                            </li>
                            <li><a href="#">不做游客！优雅的京都下午茶，夏日特辑第一弹 | TASTE OF THE CITY</a></li>
                            <li><a href="#">时髦曼谷 | 一份曼谷逛街地图</a></li>
                            <li><a href="#">一年之后，重新纪念阿巴斯</a></li>
                            <li><a href="#">我们距离强奸有多近？</a></li>
                            <li><a href="#">重庆的深夜，教给你做人的道理</a></li>
                            <li><a href="#">恭喜两宋结合，可你是否知道韩国有同姓不婚的习俗？</a></li>
                            <li><a href="#">run，run</a></li>
                            <li><a href="#">隐秘婚姻——100个邪邪的小故事78</a></li>
                            <li><a href="#">【节气手帖】小暑：青门绿玉房</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 主要内容end -->
    <!-- 豆瓣时间 -->
    <section>
        <div class="index_section">
            <div class="index_sidenav">
                <h2><a href="time.html">豆瓣时间</a></h2>
            </div>
            <div class="index_side"></div>
            <div class="index_main">
                <div class="index_mod">
                    <h2>
			        热门专栏
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
			            <span class="index_pl">&nbsp;(
			                    <a href="#" target="_self">更多</a>
			            ) </span>
    				</h2>
                    <ul class="index_time_img">
                        <li>
                            <a class="index_time_img_img" href="#">
                                <img src="img/index_time_img1.png" width="100" height="140">
                            </a>
                            <a class="index_time_img_title" href="#">歌词时光 · 姚谦写词课</a>
                            <span class="index_time_img_type">音频专栏</span>
                        </li>
                        <li>
                            <a class="index_time_img_img" href="#">
                                <img src="img/index_time_img1.png" width="100" height="140">
                            </a>
                            <a class="index_time_img_title" href="#">歌词时光 · 姚谦写词课</a>
                            <span class="index_time_img_type">音频专栏</span>
                        </li>
                        <li>
                            <a class="index_time_img_img" href="#">
                                <img src="img/index_time_img1.png" width="100" height="140">
                            </a>
                            <a class="index_time_img_title" href="#">歌词时光 · 姚谦写词课</a>
                            <span class="index_time_img_type">音频专栏</span>
                        </li>
                        <li>
                            <a class="index_time_img_img" href="#">
                                <img src="img/index_time_img1.png" width="100" height="140">
                            </a>
                            <a class="index_time_img_title" href="#">歌词时光 · 姚谦写词课</a>
                            <span class="index_time_img_type">音频专栏</span>
                        </li>
                        <li>
                            <a class="index_time_img_img" href="#">
                                <img src="img/index_time_img1.png" width="100" height="140">
                            </a>
                            <a class="index_time_img_title" href="#">歌词时光 · 姚谦写词课</a>
                            <span class="index_time_img_type">音频专栏</span>
                        </li>
                        <li>
                            <a class="index_time_img_img" href="#">
                                <img src="img/index_time_img1.png" width="100" height="140">
                            </a>
                            <a class="index_time_img_title" href="#">歌词时光 · 姚谦写词课</a>
                            <span class="index_time_img_type">音频专栏</span>
                        </li>
                        <li>
                            <a class="index_time_img_img" href="#">
                                <img src="img/index_time_img1.png" width="100" height="140">
                            </a>
                            <a class="index_time_img_title" href="#">歌词时光 · 姚谦写词课</a>
                            <span class="index_time_img_type">音频专栏</span>
                        </li>
                        <li>
                            <a class="index_time_img_img" href="#">
                                <img src="img/index_time_img1.png" width="100" height="140">
                            </a>
                            <a class="index_time_img_title" href="#">歌词时光 · 姚谦写词课</a>
                            <span class="index_time_img_type">音频专栏</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- 豆瓣时间end -->
    <!-- 视频 -->
    <section>
        <div class="index_section">
            <div class="index_sidenav">
                <h2><a href="#">视频</a></h2>
            </div>
            <div class="index_side"></div>
            <div class="index_main">
                <div class="index_mod">
                    <h2>
			        如是
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
    				</h2>
                    <div class="index_video">
                        <ul>
                            <li>
                                <img src="img/index_viedo_img1.png" width="250">
                                <a href="#">《如是》第五期预告｜姚谦：北京的雨，不是乡愁是乡音</a>
                            </li>
                            <li>
                                <img src="img/index_viedo_img1.png" width="250">
                                <a href="#">《如是》第五期预告｜姚谦：北京的雨，不是乡愁是乡音</a>
                            </li>
                            <li>
                                <img src="img/index_viedo_img1.png" width="250">
                                <a href="#">《如是》第五期预告｜姚谦：北京的雨，不是乡愁是乡音</a>
                            </li>
                        </ul>
                    </div>
                    <h2>
			        瓣嘴
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
    				</h2>
                    <div class="index_video">
                        <ul>
                            <li>
                                <img src="img/index_viedo_img1.png" width="250">
                                <a href="#">《如是》第五期预告｜姚谦：北京的雨，不是乡愁是乡音</a>
                            </li>
                            <li>
                                <img src="img/index_viedo_img1.png" width="250">
                                <a href="#">《如是》第五期预告｜姚谦：北京的雨，不是乡愁是乡音</a>
                            </li>
                            <li>
                                <img src="img/index_viedo_img1.png" width="250">
                                <a href="#">《如是》第五期预告｜姚谦：北京的雨，不是乡愁是乡音</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 视频 -->
    <!-- 电影 -->
    <section>
        <div class="index_section clearfix">
            <div class="clearfix">
                <div class="index_sidenav">
                    <h2 class="index_movies_title"><a href="movie.html">电影</a></h2>
                    <ul class="index_movies_link index_link">
                        <li><a href="#">影讯&购票</a></li>
                        <li>
                            <a href="#">选电影</a>
                            <img style="position: relative; top: -5px;" src="img/index_new.gif">
                        </li>
                        <li><a href="#">电视剧</a></li>
                        <li><a href="#">排行榜</a></li>
                        <li><a href="#">分类</a></li>
                        <li><a href="#">影评</a></li>
                        <li><a href="#">预告片</a></li>
                        <li><a href="#">问答</a></li>
                    </ul>
                </div>
                <div class="index_side">
                    <h2>
			        影片分类
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
			            <span class="index_pl">&nbsp;(
			                    <a href="#" target="_self">更多</a>
			            ) </span>
    			</h2>
                    <div class="index_movies_fl">
                        <ul>
                            <li><a href="#">爱情</a></li>
                            <li><a href="#">喜剧</a></li>
                            <li><a href="#">剧情</a></li>
                            <li><a href="#">动画</a></li>
                            <li><a href="#">科幻</a></li>
                            <li><a href="#">动作</a></li>
                            <li><a href="#">经典</a></li>
                            <li><a href="#">悬疑</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">犯罪</a></li>
                            <li><a href="#">惊悚</a></li>
                            <li><a href="#">文艺</a></li>
                            <li><a href="#">搞笑</a></li>
                            <li><a href="#">纪录片</a></li>
                            <li><a href="#">励志</a></li>
                            <li><a href="#">恐怖</a></li>
                            <li><a href="#">战争</a></li>
                            <li><a href="#">黑色幽默</a></li>
                            <li><a href="#">美国</a></li>
                            <li><a href="#">日本</a></li>
                            <li><a href="#">香港</a></li>
                            <li><a href="#">英国</a></li>
                            <li><a href="#">中国</a></li>
                            <li><a href="#">韩国</a></li>
                            <li><a href="#">法国</a></li>
                            <li><a href="#">台湾</a></li>
                            <li><a href="#">中国大陆</a></li>
                            <li><a href="#">德国</a></li>
                        </ul>
                    </div>
                    <h2 style="margin-top: 30px;">
			        近期热门
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
			            <span class="index_pl">&nbsp;(
			                    <a href="#" target="_self">更多</a>
			            ) </span>
    			</h2>
                    <div class="index_movie_charts">
                        <ol>
                            <li><a href="">玉子</a></li>
                            <li><a href="">嫌疑人X的献身</a></li>
                            <li><a href="">明日的我与昨日的你约会</a></li>
                            <li><a href="">迷失Z城</a></li>
                            <li><a href="">春娇救志明</a></li>
                            <li><a href="">亚瑟王：斗兽争霸</a></li>
                            <li><a href="">救僵清道夫</a></li>
                            <li><a href="">加勒比海盗5：死无对证</a></li>
                            <li><a href="">真实</a></li>
                            <li><a href="">喜欢你</a></li>
                        </ol>
                    </div>
                </div>
                <div class="index_main">
                    <h2>
			        正在热映
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
			            <span class="index_pl">&nbsp;(
			                    <a href="#" target="_self">更多</a>
			            ) </span>
    				</h2>
                    <div class="index_movie_list">
                        <ul>
                            <li>
                                <div style="height: 142px;overflow: hidden;margin-bottom: 10px;">
                                    <a href="#"><img src="img/index_movie_img1.png"></a>
                                </div>
                                <div>
                                    <a href="#">神偷奶爸3</a>
                                </div>
                                <div class="index_movie_star">
                                    <span></span>
                                    <i>7.1</i>
                                </div>
                                <a class="index_movie_bn" href="#">选座购票</a>
                            </li>
                            <li>
                                <div style="height: 142px;overflow: hidden;margin-bottom: 10px;">
                                    <a href="#"><img src="img/index_movie_img1.png"></a>
                                </div>
                                <div>
                                    <a href="#">神偷奶爸3</a>
                                </div>
                                <div class="index_movie_star">
                                    <span></span>
                                    <i>7.1</i>
                                </div>
                                <a class="index_movie_bn" href="#">选座购票</a>
                            </li>
                            <li>
                                <div style="height: 142px;overflow: hidden;margin-bottom: 10px;">
                                    <a href="#"><img src="img/index_movie_img1.png"></a>
                                </div>
                                <div>
                                    <a href="#">神偷奶爸3</a>
                                </div>
                                <div class="index_movie_star">
                                    <span></span>
                                    <i>7.1</i>
                                </div>
                                <a class="index_movie_bn" href="#">选座购票</a>
                            </li>
                            <li>
                                <div style="height: 142px;overflow: hidden;margin-bottom: 10px;">
                                    <a href="#"><img src="img/index_movie_img1.png"></a>
                                </div>
                                <div>
                                    <a href="#">神偷奶爸3</a>
                                </div>
                                <div class="index_movie_star">
                                    <span></span>
                                    <i>7.1</i>
                                </div>
                                <a class="index_movie_bn" href="#">选座购票</a>
                            </li>
                            <li>
                                <div style="height: 142px;overflow: hidden;margin-bottom: 10px;">
                                    <a href="#"><img src="img/index_movie_img1.png"></a>
                                </div>
                                <div>
                                    <a href="#">神偷奶爸3</a>
                                </div>
                                <div class="index_movie_star">
                                    <span></span>
                                    <i>7.1</i>
                                </div>
                                <a class="index_movie_bn" href="#">选座购票</a>
                            </li>
                            <li>
                                <div style="height: 142px;overflow: hidden;margin-bottom: 10px;">
                                    <a href="#"><img src="img/index_movie_img1.png"></a>
                                </div>
                                <div>
                                    <a href="#">神偷奶爸3</a>
                                </div>
                                <div class="index_movie_star">
                                    <span></span>
                                    <i>7.1</i>
                                </div>
                                <a class="index_movie_bn" href="#">选座购票</a>
                            </li>
                            <li>
                                <div style="height: 142px;overflow: hidden;margin-bottom: 10px;">
                                    <a href="#"><img src="img/index_movie_img1.png"></a>
                                </div>
                                <div>
                                    <a href="#">神偷奶爸3</a>
                                </div>
                                <div class="index_movie_star">
                                    <span></span>
                                    <i>7.1</i>
                                </div>
                                <a class="index_movie_bn" href="#">选座购票</a>
                            </li>
                            <li>
                                <div style="height: 142px;overflow: hidden;margin-bottom: 10px;">
                                    <a href="#"><img src="img/index_movie_img1.png"></a>
                                </div>
                                <div>
                                    <a href="#">神偷奶爸3</a>
                                </div>
                                <div class="index_movie_star">
                                    <span></span>
                                    <i>7.1</i>
                                </div>
                                <a class="index_movie_bn" href="#">选座购票</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="index_ad" style="margin-top: 30px; margin-bottom: 10px;">
                <img src="img/index_ad2.jpg">
                <div>广告</div>
            </div>
    </section>
    <!-- 电影end -->
    <!-- 小组 -->
    <section>
        <div class="index_section">
            <div class="index_sidenav">
                <h2 class="index_group_title"><a href="group.html">小组</a></h2>
                <ul class="index_group_link index_link">
                    <li><a href="#">精选</a></li>
                    <li>
                        <a href="#">文化</a>
                    </li>
                    <li><a href="#">行摄</a></li>
                    <li><a href="#">娱乐</a></li>
                    <li><a href="#">时尚</a></li>
                    <li><a href="#">生活</a></li>
                    <li><a href="#">科技</a></li>
                </ul>
            </div>
            <div class="index_side">
                <h2>
			        小组分类
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
			            <span class="index_pl">&nbsp;(
			                    <a href="#" target="_self">更多</a>
			            ) </span>
				</h2>
                <div class="index_group_cate">
                    <ul>
                        <li class="index_group_title"><a href="">兴趣» </a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                    </ul>
                </div>
                <div class="index_group_cate">
                    <ul>
                        <li class="index_group_title"><a href="">兴趣» </a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                    </ul>
                </div>
                <div class="index_group_cate">
                    <ul>
                        <li class="index_group_title"><a href="">兴趣» </a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                    </ul>
                </div>
                <div class="index_group_cate">
                    <ul>
                        <li class="index_group_title"><a href="">兴趣» </a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                    </ul>
                </div>
                <div class="index_group_cate">
                    <ul>
                        <li class="index_group_title"><a href="">兴趣» </a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                    </ul>
                </div>
                <div class="index_group_cate">
                    <ul>
                        <li class="index_group_title"><a href="">兴趣» </a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                    </ul>
                </div>
                <div class="index_group_cate">
                    <ul>
                        <li class="index_group_title"><a href="">兴趣» </a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                    </ul>
                </div>
                <div class="index_group_cate">
                    <ul>
                        <li class="index_group_title"><a href="">兴趣» </a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                        <li><a href="">旅行</a></li>
                    </ul>
                </div>
            </div>
            <div class="index_main">
                <h2>
			        热门小组
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
			            <span class="index_pl">&nbsp;(
			                    <a href="#" target="_self">更多</a>
			            ) </span>
				</h2>
                <div class="index_group_list">
                    <ul>
                        <li class="clearfix">
                            <div class="index_group_list_pic">
                                <img src="img/index_group_pic1.jpg">
                            </div>
                            <div class="index_group_list_info">
                                <div class="index_group_list_info_title">
                                    <a href="">帮帮组™加入这个组就有人帮你了！</a>
                                </div>
                                15156 个成员
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="index_group_list_pic">
                                <img src="img/index_group_pic1.jpg">
                            </div>
                            <div class="index_group_list_info">
                                <div class="index_group_list_info_title">
                                    <a href="">帮帮组™加入这个组就有人帮你了！</a>
                                </div>
                                15156 个成员
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="index_group_list_pic">
                                <img src="img/index_group_pic1.jpg">
                            </div>
                            <div class="index_group_list_info">
                                <div class="index_group_list_info_title">
                                    <a href="">帮帮组™加入这个组就有人帮你了！</a>
                                </div>
                                15156 个成员
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="index_group_list_pic">
                                <img src="img/index_group_pic1.jpg">
                            </div>
                            <div class="index_group_list_info">
                                <div class="index_group_list_info_title">
                                    <a href="">帮帮组™加入这个组就有人帮你了！</a>
                                </div>
                                15156 个成员
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="index_group_list_pic">
                                <img src="img/index_group_pic1.jpg">
                            </div>
                            <div class="index_group_list_info">
                                <div class="index_group_list_info_title">
                                    <a href="">帮帮组™加入这个组就有人帮你了！</a>
                                </div>
                                15156 个成员
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="index_group_list_pic">
                                <img src="img/index_group_pic1.jpg">
                            </div>
                            <div class="index_group_list_info">
                                <div class="index_group_list_info_title">
                                    <a href="">帮帮组™加入这个组就有人帮你了！</a>
                                </div>
                                15156 个成员
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="index_group_list_pic">
                                <img src="img/index_group_pic1.jpg">
                            </div>
                            <div class="index_group_list_info">
                                <div class="index_group_list_info_title">
                                    <a href="">帮帮组™加入这个组就有人帮你了！</a>
                                </div>
                                15156 个成员
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="index_group_list_pic">
                                <img src="img/index_group_pic1.jpg">
                            </div>
                            <div class="index_group_list_info">
                                <div class="index_group_list_info_title">
                                    <a href="">帮帮组™加入这个组就有人帮你了！</a>
                                </div>
                                15156 个成员
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="index_group_list_pic">
                                <img src="img/index_group_pic1.jpg">
                            </div>
                            <div class="index_group_list_info">
                                <div class="index_group_list_info_title">
                                    <a href="">帮帮组™加入这个组就有人帮你了！</a>
                                </div>
                                15156 个成员
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="index_group_list_pic">
                                <img src="img/index_group_pic1.jpg">
                            </div>
                            <div class="index_group_list_info">
                                <div class="index_group_list_info_title">
                                    <a href="">帮帮组™加入这个组就有人帮你了！</a>
                                </div>
                                15156 个成员
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="index_group_list_pic">
                                <img src="img/index_group_pic1.jpg">
                            </div>
                            <div class="index_group_list_info">
                                <div class="index_group_list_info_title">
                                    <a href="">帮帮组™加入这个组就有人帮你了！</a>
                                </div>
                                15156 个成员
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- 小组end -->
    <!-- 读书 -->
    <section>
        <div class="index_section">
            <div class="index_sidenav">
                <h2 class="index_book_title"><a href="book.html">读书</a></h2>
                <ul class="index_book_link index_link">
                    <li><a href="#">分类浏览</a></li>
                    <li>
                        <a href="#">阅读</a>
                        <img style="position: relative; top: -5px;" src="img/index_new.gif">
                    </li>
                    <li><a href="#">作者</a></li>
                    <li><a href="#">书评</a></li>
                    <li><a href="#">购书单</a></li>
                    <li>
                        <a href="#" style="background-image: url(img/index_list.jpg);background-position: 0 0;width: 50px;height: 50px;display: block; border-radius: 5px;"></a>
                        <a href="#">豆瓣阅读</a>
                    </li>
                </ul>
            </div>
            <div class="index_side">
                <h2>
			        热门标签
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
			            <span class="index_pl">&nbsp;(
			                    <a href="#" target="_self">更多</a>
			            ) </span>
				</h2>
                <div class="index_book_list">
                    <div class="index_book_list_cate" style="border: none;">
                        <ul>
                            <li class="index_book_list_cate_title">[文学]</li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                        </ul>
                    </div>
                    <div class="index_book_list_cate">
                        <ul>
                            <li class="index_book_list_cate_title">[流行]</li>
                            <li><a href="">漫画</a></li>
                            <li><a href="">漫画</a></li>
                            <li><a href="">漫画</a></li>
                            <li><a href="">漫画</a></li>
                            <li><a href="">漫画</a></li>
                            <li><a href="">漫画</a></li>
                            <li><a href="">漫画</a></li>
                        </ul>
                    </div>
                    <div class="index_book_list_cate">
                        <ul>
                            <li class="index_book_list_cate_title">[文化]</li>
                            <li><a href="">历史</a></li>
                            <li><a href="">历史</a></li>
                            <li><a href="">历史</a></li>
                            <li><a href="">历史</a></li>
                            <li><a href="">历史</a></li>
                            <li><a href="">历史</a></li>
                            <li><a href="">历史</a></li>
                        </ul>
                    </div>
                    <div class="index_book_list_cate">
                        <ul>
                            <li class="index_book_list_cate_title">[文学]</li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                        </ul>
                    </div>
                    <div class="index_book_list_cate">
                        <ul>
                            <li class="index_book_list_cate_title">[文学]</li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                        </ul>
                    </div>
                    <div class="index_book_list_cate">
                        <ul>
                            <li class="index_book_list_cate_title">[文学]</li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                            <li><a href="">小说</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="index_main">
                <h2>
			        新书速递
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
			            <span class="index_pl">&nbsp;(
			                    <a href="#" target="_self">更多</a>
			            ) </span>
				</h2>
                <div class="index_book_piclist">
                    <ul>
                        <li>
                            <div class="index_book_piclist_pic">
                                <a href="">
                                    <img src="img/index_book_img1.jpg">
                                </a>
                            </div>
                            <div class="index_book_piclist_title">
                                <a href="">魔桶</a>
                            </div>
                            <div class="index_book_piclist_author">
                                〔美〕伯纳德·...
                            </div>
                            <a href="" class="index_movie_bn" style="background-color: #999a95;">免费试读</a>
                        </li>
                        <li>
                            <div class="index_book_piclist_pic">
                                <a href="">
                                    <img src="img/index_book_img1.jpg">
                                </a>
                            </div>
                            <div class="index_book_piclist_title">
                                <a href="">魔桶</a>
                            </div>
                            <div class="index_book_piclist_author">
                                〔美〕伯纳德·...
                            </div>
                            <a href="" class="index_movie_bn" style="background-color: #999a95;">免费试读</a>
                        </li>
                        <li>
                            <div class="index_book_piclist_pic">
                                <a href="">
                                    <img src="img/index_book_img1.jpg">
                                </a>
                            </div>
                            <div class="index_book_piclist_title">
                                <a href="">魔桶</a>
                            </div>
                            <div class="index_book_piclist_author">
                                〔美〕伯纳德·...
                            </div>
                            <a href="" class="index_movie_bn" style="background-color: #999a95;">免费试读</a>
                        </li>
                        <li>
                            <div class="index_book_piclist_pic">
                                <a href="">
                                    <img src="img/index_book_img1.jpg">
                                </a>
                            </div>
                            <div class="index_book_piclist_title">
                                <a href="">魔桶</a>
                            </div>
                            <div class="index_book_piclist_author">
                                〔美〕伯纳德·...
                            </div>
                            <a href="" class="index_movie_bn" style="background-color: #999a95;">免费试读</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- 读书end -->
    <!-- 音乐 -->
    <section>
        <div class="index_section">
            <div class="index_sidenav">
                <h2 class="index_music_title"><a href="music.html">音乐</a></h2>
                <ul class="index_music_link index_link">
                    <li><a href="#">音乐人</a></li>
                    <li>
                        <a href="#">潮潮豆瓣音乐周</a>
                    </li>
                    <li><a href="#">金羊毛计划</a></li>
                    <li><a href="#">专题</a></li>
                    <li><a href="#">排行榜</a></li>
                    <li><a href="#">分类浏览</a></li>
                    <li><a href="#">乐评</a></li>
                    <li><a href="#">豆瓣FM</a></li>
                    <li><a href="#">歌单</a></li>
                    <li><a href="#">阿比鹿音乐奖</a></li>
                    <li>
                        <a href="#" style="background-image: url(img/index_list.jpg);background-position: -250px 0;width: 50px;height: 50px;display: block; border-radius: 5px;"></a>
                        <a href="">豆瓣FM</a>
                    </li>
                    <li>
                        <a href="#" style="background-image: url(img/index_list.jpg);background-position: -50px;width: 50px;height: 50px;display: block; border-radius: 5px;"></a>
                        <a href="">豆瓣音乐人</a>
                    </li>
                </ul>
            </div>
            <div class="index_side">
                <h2>
			        本周流行音乐人
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
			            <span class="index_pl">&nbsp;(
			                    <a href="#" target="_self">更多</a>
			            ) </span>
				</h2>
                <div class="index_music_phb">
                    <ul>
                        <li class="clearfix">
                            <span>1.</span>
                            <div class="index_music_phb_pic">
                                <img src="img/index_music_phb_img1.jpg">
                            </div>
                            <div class="index_music_phb_content" style="color: #999;">
                                <div style="margin-bottom: 4px;"><a style="color: #555d53;" href="">Die!ChiwawaDie!</a></div>
                                流派: 摇滚 Rock
                                <br> 245人关注
                            </div>
                        </li>
                        <li class="clearfix">
                            <span>2.</span>
                            <div class="index_music_phb_pic">
                                <img src="img/index_music_phb_img1.jpg">
                            </div>
                            <div class="index_music_phb_content" style="color: #999;">
                                <div style="margin-bottom: 4px;"><a style="color: #555d53;" href="">Die!ChiwawaDie!</a></div>
                                流派: 摇滚 Rock
                                <br> 245人关注
                            </div>
                        </li>
                        <li class="clearfix">
                            <span>3.</span>
                            <div class="index_music_phb_pic">
                                <img src="img/index_music_phb_img1.jpg">
                            </div>
                            <div class="index_music_phb_content" style="color: #999;">
                                <div style="margin-bottom: 4px;"><a style="color: #555d53;" href="">Die!ChiwawaDie!</a></div>
                                流派: 摇滚 Rock
                                <br> 245人关注
                            </div>
                        </li>
                        <li class="clearfix">
                            <span>4.</span>
                            <div class="index_music_phb_pic">
                                <img src="img/index_music_phb_img1.jpg">
                            </div>
                            <div class="index_music_phb_content" style="color: #999;">
                                <div style="margin-bottom: 4px;"><a style="color: #555d53;" href="">Die!ChiwawaDie!</a></div>
                                流派: 摇滚 Rock
                                <br> 245人关注
                            </div>
                        </li>
                        <li class="clearfix">
                            <span>5.</span>
                            <div class="index_music_phb_pic">
                                <img src="img/index_music_phb_img1.jpg">
                            </div>
                            <div class="index_music_phb_content" style="color: #999;">
                                <div style="margin-bottom: 4px;"><a style="color: #555d53;" href="">Die!ChiwawaDie!</a></div>
                                流派: 摇滚 Rock
                                <br> 245人关注
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="index_main">
                <h2>
			        豆瓣新碟榜
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
			            <span class="index_pl">&nbsp;(
			                    <a href="#" target="_self">更多</a>
			            ) </span>
				</h2>
                <div class="index_music_xdb">
                    <ul>
                        <li>
                            <div style="margin-bottom: 4px;">
                                <img src="img/index_music_xgb_img.jpg">
                            </div>
                            <div>
                                1.<a style="color: #666;" href="">夏至未至 电视原声带</a>
                            </div>
                            <div>
                                <a style="color: #666;" href="">原声带</a>
                            </div>
                            <div class="index_movie_star">
                                <span></span>
                                <i>7.1</i>
                            </div>
                        </li>
                        <li>
                            <div style="margin-bottom: 4px;">
                                <img src="img/index_music_xgb_img.jpg">
                            </div>
                            <div>
                                1.<a style="color: #666;" href="">夏至未至 电视原声带</a>
                            </div>
                            <div>
                                <a style="color: #666;" href="">原声带</a>
                            </div>
                            <div class="index_movie_star">
                                <span></span>
                                <i>7.1</i>
                            </div>
                        </li>
                        <li>
                            <div style="margin-bottom: 4px;">
                                <img src="img/index_music_xgb_img.jpg">
                            </div>
                            <div>
                                1.<a style="color: #666;" href="">夏至未至 电视原声带</a>
                            </div>
                            <div>
                                <a style="color: #666;" href="">原声带</a>
                            </div>
                            <div class="index_movie_star">
                                <span></span>
                                <i>7.1</i>
                            </div>
                        </li>
                        <li>
                            <div style="margin-bottom: 4px;">
                                <img src="img/index_music_xgb_img.jpg">
                            </div>
                            <div>
                                1.<a style="color: #666;" href="">夏至未至 电视原声带</a>
                            </div>
                            <div>
                                <a style="color: #666;" href="">原声带</a>
                            </div>
                            <div class="index_movie_star">
                                <span></span>
                                <i>7.1</i>
                            </div>
                        </li>
                        <li>
                            <div style="margin-bottom: 4px;">
                                <img src="img/index_music_xgb_img.jpg">
                            </div>
                            <div>
                                1.<a style="color: #666;" href="">夏至未至 电视原声带</a>
                            </div>
                            <div>
                                <a style="color: #666;" href="">原声带</a>
                            </div>
                            <div class="index_movie_star">
                                <span></span>
                                <i>7.1</i>
                            </div>
                        </li>
                        <li>
                            <div style="margin-bottom: 4px;">
                                <img src="img/index_music_xgb_img.jpg">
                            </div>
                            <div>
                                1.<a style="color: #666;" href="">夏至未至 电视原声带</a>
                            </div>
                            <div>
                                <a style="color: #666;" href="">原声带</a>
                            </div>
                            <div class="index_movie_star">
                                <span></span>
                                <i>7.1</i>
                            </div>
                        </li>
                        <li>
                            <div style="margin-bottom: 4px;">
                                <img src="img/index_music_xgb_img.jpg">
                            </div>
                            <div>
                                1.<a style="color: #666;" href="">夏至未至 电视原声带</a>
                            </div>
                            <div>
                                <a style="color: #666;" href="">原声带</a>
                            </div>
                            <div class="index_movie_star">
                                <span></span>
                                <i>7.1</i>
                            </div>
                        </li>
                        <li>
                            <div style="margin-bottom: 4px;">
                                <img src="img/index_music_xgb_img.jpg">
                            </div>
                            <div>
                                1.<a style="color: #666;" href="">夏至未至 电视原声带</a>
                            </div>
                            <div>
                                <a style="color: #666;" href="">原声带</a>
                            </div>
                            <div class="index_movie_star">
                                <span></span>
                                <i>7.1</i>
                            </div>
                        </li>
                    </ul>
                </div>
                <h2 style="margin-top: 30px;">
			        热门歌单
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
			            <span class="index_pl">&nbsp;(
			                    <a href="#" target="_self">更多</a>
			            ) </span>
				</h2>
                <div class="index_music_xdb">
                    <ul>
                        <li>
                            <div style="margin-bottom: 4px;">
                                <a href=""><img src="img/index_music_xgb_img2.png" width="80" height="80"></a>
                            </div>
                            <div>
                                民谣及其他安静的音乐(2)
                            </div>
                        </li>
                        <li>
                            <div style="margin-bottom: 4px;">
                                <a href=""><img src="img/index_music_xgb_img2.png" width="80" height="80"></a>
                            </div>
                            <div>
                                民谣及其他安静的音乐(2)
                            </div>
                        </li>
                        <li>
                            <div style="margin-bottom: 4px;">
                                <a href=""><img src="img/index_music_xgb_img2.png" width="80" height="80"></a>
                            </div>
                            <div>
                                民谣及其他安静的音乐(2)
                            </div>
                        </li>
                        <li>
                            <div style="margin-bottom: 4px;">
                                <a href=""><img src="img/index_music_xgb_img2.png" width="80" height="80"></a>
                            </div>
                            <div>
                                民谣及其他安静的音乐(2)
                            </div>
                        </li>
                        <li>
                            <div style="margin-bottom: 4px;">
                                <a href=""><img src="img/index_music_xgb_img2.png" width="80" height="80"></a>
                            </div>
                            <div>
                                民谣及其他安静的音乐(2)
                            </div>
                        </li>
                        <li>
                            <div style="margin-bottom: 4px;">
                                <a href=""><img src="img/index_music_xgb_img2.png" width="80" height="80"></a>
                            </div>
                            <div>
                                民谣及其他安静的音乐(2)
                            </div>
                        </li>
                        <li>
                            <div style="margin-bottom: 4px;">
                                <a href=""><img src="img/index_music_xgb_img2.png" width="80" height="80"></a>
                            </div>
                            <div>
                                民谣及其他安静的音乐(2)
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- 音乐end -->
    <!-- 市集 -->
    <section>
        <div class="index_section">
            <div class="clearfix">
                <div class="index_sidenav">
                    <h2 class="index_market_title"><a href="market.html">市集</a></h2>
                    <ul class="index_market_link index_link">
                        <li><a href="#">美食</a></li>
                        <li>
                            <a href="#">服装</a>
                        </li>
                        <li><a href="#">配饰</a></li>
                        <li><a href="#">包袋</a></li>
                        <li><a href="#">鞋靴</a></li>
                        <li><a href="#">美容护肤</a></li>
                        <li><a href="#">家居生活</a></li>
                    </ul>
                </div>
                <div class="index_side">
                    <h2>
			        热门店铺
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
			            <span class="index_pl">&nbsp;(
			                    <a href="#" target="_self">更多</a>
			            ) </span>
					</h2>
                    <div>
                        <ul>
                            <li class="clearfix" style="margin-bottom: 10px;">
                                <div style="float: left;"><img src="img/index_market_side_img1.jpg" width="60"></div>
                                <div style="float: left; width: 180px; padding-left: 10px;">
                                    <div style="width: 180px;"><a href="">ERICD官方旗舰店</a></div>
                                    <div style="width: 180px; color: #6a6a6a;margin-top: 11px;">ERICD原创设计以传统服装制作工艺为主导，结合当下最流行的...</div>
                                </div>
                            </li>
                            <li class="clearfix" style="margin-bottom: 10px;">
                                <div style="float: left;"><img src="img/index_market_side_img1.jpg" width="60"></div>
                                <div style="float: left; width: 180px; padding-left: 10px;">
                                    <div style="width: 180px;"><a href="">ERICD官方旗舰店</a></div>
                                    <div style="width: 180px; color: #6a6a6a;margin-top: 11px;">ERICD原创设计以传统服装制作工艺为主导，结合当下最流行的...</div>
                                </div>
                            </li>
                            <li class="clearfix" style="margin-bottom: 10px;">
                                <div style="float: left;"><img src="img/index_market_side_img1.jpg" width="60"></div>
                                <div style="float: left; width: 180px; padding-left: 10px;">
                                    <div style="width: 180px;"><a href="">ERICD官方旗舰店</a></div>
                                    <div style="width: 180px; color: #6a6a6a;margin-top: 11px;">ERICD原创设计以传统服装制作工艺为主导，结合当下最流行的...</div>
                                </div>
                            </li>
                            <li class="clearfix" style="margin-bottom: 10px;">
                                <div style="float: left;"><img src="img/index_market_side_img1.jpg" width="60"></div>
                                <div style="float: left; width: 180px; padding-left: 10px;">
                                    <div style="width: 180px;"><a href="">ERICD官方旗舰店</a></div>
                                    <div style="width: 180px; color: #6a6a6a;margin-top: 11px;">ERICD原创设计以传统服装制作工艺为主导，结合当下最流行的...</div>
                                </div>
                            </li>
                            <li class="clearfix" style="margin-bottom: 10px;">
                                <div style="float: left;"><img src="img/index_market_side_img1.jpg" width="60"></div>
                                <div style="float: left; width: 180px; padding-left: 10px;">
                                    <div style="width: 180px;"><a href="">ERICD官方旗舰店</a></div>
                                    <div style="width: 180px; color: #6a6a6a;margin-top: 11px;">ERICD原创设计以传统服装制作工艺为主导，结合当下最流行的...</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="index_main">
                    <h2>
			        热门商品 
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
			            <span class="index_pl">&nbsp;(
			                    <a href="#" target="_self">更多</a>
			            ) </span>
				</h2>
                    <img src="img/index_market_main.png" width="550">
                </div>
            </div>
            <div class="index_ad" style="margin-bottom: 10px;">
                <img src="img/index_ad.jpg">
                <div>广告</div>
            </div>
        </div>
    </section>
    <!-- 市集end -->
    <!-- 同城 -->
    <section>
        <div class="index_section">
            <div class="index_sidenav">
                <h2 class="index_location_title"><a href="location.html">同城</a></h2>
                <ul class="index_location_link index_link">
                    <li><a href="#">近期活动</a></li>
                    <li>
                        <a href="#">主办方</a>
                    </li>
                    <li><a href="#">舞台剧</a></li>
                    <li><a href="#">2016舞台剧榜单</a></li>
                </ul>
            </div>
            <div class="index_side">
                <h2>
			        活动标签
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
			            <span class="index_pl">&nbsp;(
			                    <a href="#" target="_self">更多</a>
			            ) </span>
				</h2>
                <div class="index_group_cate index_location_cate">
                    <ul>
                        <li class="index_group_title"><a href="">音乐» </a></li>
                        <li><a href="">小型现场</a></li>
                        <li><a href="">音乐会</a></li>
                        <li><a href="">演唱会</a></li>
                        <li><a href="">音乐节</a></li>
                    </ul>
                </div>
                <div class="index_group_cate index_location_cate">
                    <ul>
                        <li class="index_group_title"><a href="">音乐» </a></li>
                        <li><a href="">小型现场</a></li>
                        <li><a href="">音乐会</a></li>
                        <li><a href="">演唱会</a></li>
                        <li><a href="">音乐节</a></li>
                    </ul>
                </div>
                <div class="index_group_cate index_location_cate">
                    <ul>
                        <li class="index_group_title"><a href="">音乐» </a></li>
                        <li><a href="">小型现场</a></li>
                        <li><a href="">音乐会</a></li>
                        <li><a href="">演唱会</a></li>
                        <li><a href="">音乐节</a></li>
                    </ul>
                </div>
                <div class="index_group_cate index_location_cate">
                    <ul>
                        <li class="index_group_title"><a href="">音乐» </a></li>
                        <li><a href="">小型现场</a></li>
                        <li><a href="">音乐会</a></li>
                        <li><a href="">演唱会</a></li>
                        <li><a href="">音乐节</a></li>
                    </ul>
                </div>
                <div class="index_group_cate index_location_cate">
                    <ul>
                        <li class="index_group_title"><a href="">音乐» </a></li>
                        <li><a href="">小型现场</a></li>
                        <li><a href="">音乐会</a></li>
                        <li><a href="">演唱会</a></li>
                        <li><a href="">音乐节</a></li>
                    </ul>
                </div>
            </div>
            <div class="index_main">
                <h2>
			        成都 · 本周热门活动 
			            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
			            <span class="index_pl">&nbsp;(
			                    <a href="#" target="_self">更多</a>
			            ) </span>
				</h2>
                <div>
                    <ul style="margin-left: -20px;margin-top: -40px;">
                        <li class="clearfix index_location_rm">
                            <div class="index_location_rm_img"><img src="img/index_loction_img1.jpg" width="70"></div>
                            <div class="index_location_rm_content">
                                <div style="width: 168px;"><a style="color: #643; font-size: 13px;" href="#">【树舍出品】正确认识易经 学会自占自解</a></div>
                                <div style="width: 168px; color: #6a6a6a;margin-top: 8px;">10月15日 周六 - 9月30日 周六 奥克斯广场负一楼轩客会旁...
                                </div>
                                <div style="float: left;color: #6a6a6a;">31人关注</div>
                            </div>
                        </li>
                        <li class="clearfix index_location_rm">
                            <div class="index_location_rm_img"><img src="img/index_loction_img1.jpg" width="70"></div>
                            <div class="index_location_rm_content">
                                <div style="width: 168px;"><a style="color: #643; font-size: 13px;" href="#">【树舍出品】正确认识易经 学会自占自解</a></div>
                                <div style="width: 168px; color: #6a6a6a;margin-top: 8px;">10月15日 周六 - 9月30日 周六 奥克斯广场负一楼轩客会旁...
                                </div>
                                <div style="float: left;color: #6a6a6a;">31人关注</div>
                            </div>
                        </li>
                        <li class="clearfix index_location_rm">
                            <div class="index_location_rm_img"><img src="img/index_loction_img1.jpg" width="70"></div>
                            <div class="index_location_rm_content">
                                <div style="width: 168px;"><a style="color: #643; font-size: 13px;" href="#">【树舍出品】正确认识易经 学会自占自解</a></div>
                                <div style="width: 168px; color: #6a6a6a;margin-top: 8px;">10月15日 周六 - 9月30日 周六 奥克斯广场负一楼轩客会旁...
                                </div>
                                <div style="float: left;color: #6a6a6a;">31人关注</div>
                            </div>
                        </li>
                        <li class="clearfix index_location_rm">
                            <div class="index_location_rm_img"><img src="img/index_loction_img1.jpg" width="70"></div>
                            <div class="index_location_rm_content">
                                <div style="width: 168px;"><a style="color: #643; font-size: 13px;" href="#">【树舍出品】正确认识易经 学会自占自解</a></div>
                                <div style="width: 168px; color: #6a6a6a;margin-top: 8px;">10月15日 周六 - 9月30日 周六 奥克斯广场负一楼轩客会旁...
                                </div>
                                <div style="float: left;color: #6a6a6a;">31人关注</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- 同城end -->
    <div style="width: 100%">
        <div style="width: 950px; margin:auto;">
            <div class="index_ad" style="margin-bottom: 10px;">
                <img src="img/index_ad.jpg">
                <div>广告</div>
            </div>
        </div>
    </div>
    <footer>
    	<div class="index_footers clearfix" style="padding: 10px;">
    		<div style="float: left; width: 50%">
    			© 2005－2017 douban.com, all rights reserved 北京豆网科技有限公司 <br>
				<a href="">京ICP证090015号</a> 京ICP备11027288号 网络视听许可证0110418号 <br>
				京网文[2015]2026-368号  <a href="">京公网安备11010502000728</a>  新出网证(京)字129号 <br>
				违法和不良信息举报电话：4008353331  <br>
				 <a href="">中国互联网举报中心</a> 电话：12377 <a href="">《食品流通许可证》许可证：SP1101051510347287</a> <br>
				<a href="">新出发京批字第直160029号</a><br>
    		</div>
    		<div style="float: right;">
    			<div class="index_footer_ul">

    				<a href="">关于豆瓣</a> ·
    				<a href="">在豆瓣工作</a> ·
    				<a href="">联系我们</a> ·
    				<a href="">免责声明</a> ·
    				<a href="">帮助中心</a> ·
    				<a href="">移动应用</a> ·
    				<a href="">豆瓣广告</a>
    			</div>
    			<img style="margin-top: 20px;" src="img/index_wj.jpg">
    		</div>
    	</div>
    </footer>
</body>

</html>
